jQuery(function(jQuery) {
    jQuery('#popup').css('margin-left', '-' + (jQuery('#popup').width() / 2) + 'px');
//    jQuery('#popup').css('margin-top', '-' + (jQuery('#popup').height() / 2) + 'px');

    //jQuery(".ver-precios-producto").click(function() {
    jQuery("select.productos").change(function() {
        //AJAX

        var data = {//estos son los datos que paso por $_POST
            action: 'mostrar_cantidad_x_dimension_x_producto',
            id_producto: jQuery(this).val()
        };

        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                jQuery('select.dimensiones').html('<option>Cargando...</option>');
                jQuery('select.dimensiones').attr('disabled', 'true');
            },
            success: function(datos) {
                jQuery('select.dimensiones').html(datos);
                jQuery('select.dimensiones').removeAttr('disabled');
            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                jQuery('.cargando').fadeOut();
            }
        });
    });


    jQuery("select.dimensiones").change(function() {
        //AJAX

        var data = {//estos son los datos que paso por $_POST
            action: 'ver_lista_cantidad_x_dimension',
            id_dimension: jQuery(this).val()
        };


        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                cargando();
            },
            success: function(datos) {
                jQuery('.lista').html(datos);
            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                jQuery('.cargando').fadeOut();
            }
        });

    });

    jQuery("select.cantidades").change(function() {
        //AJAX

        var data = {//estos son los datos que paso por $_POST
            action: 'validar_cantidad',
            id_dimension: jQuery('select.dimensiones').val(),
            id_cantidad: jQuery(this).val()
        };


        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                jQuery('.guardar').attr('disabled', 'true');
                jQuery('.control-combo').css('display', 'block');

            },
            success: function(datos) {
                jQuery('.control-combo').css('display', 'none');
                if (datos == 'ERROR') {
                    jQuery('.error').css('display', 'block');
                    jQuery('.error').text('Ya existe un precio para esta cantidad.');
                } else {
                    jQuery('.error').css('display', 'none');
                    jQuery('.error').text('');
                    jQuery('.guardar').removeAttr('disabled');
                }

            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                jQuery('.cargando').fadeOut();
            }
        });

    });




    jQuery(".guardar").click(function() {
        //AJAX

        var data = {//estos son los datos que paso por $_POST
            action: 'guardar_cantidad_x_dimension',
            id_cantidad_x_dimension: jQuery('.id_cantidad_x_dimension').val(),
            id_cantidad: jQuery('select.cantidades').val(),
            id_dimension: jQuery('select.dimensiones').val(),
            precio: jQuery('.precio').val(),
            precio_promo: jQuery('.precio_promo').val(),
            detalle: jQuery('.detalle').val(),
            mostrar_en_caja: jQuery('.mostrar_en_caja').is(':checked'),
            mostrar_en_caja_general: jQuery('.mostrar_en_caja_general').is(':checked')
        };
        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                disablePopup();
                cargando();
            },
            success: function(datos) {
                jQuery('.lista').html(datos);
            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                jQuery('.cargando').fadeOut();
            }
        });
    });
    jQuery("label.agregar").click(function() {
        if (jQuery('select.productos').val() != 0 && jQuery('select.dimensiones').val() != 0) {
            jQuery('input.producto').val(jQuery('select.productos option:selected').text());
            jQuery('input.dimension').val(jQuery('select.dimensiones option:selected').text());
            loadPopup(); // function show popup 
        } else {
            alert('Necesita seleccionar un producto y una dimensión para agregar un precio.');
        }

    });
    jQuery("div.close").click(function() {
        disablePopup(); // function close pop up
    });
    jQuery("input.cancelar").click(function() {
        disablePopup(); // function close pop up
    });
    jQuery(this).keyup(function(event) {
        if (event.which == 27) { // 27 is 'Ecs' in the keyboard
            disablePopup(); // function close pop up
        }
    });
    /************** start: functions. **************/

    function loadPopup() {
        jQuery("#popup").fadeIn(0500); // fadein popup div
        jQuery("#backgroundPopup").fadeIn(0001);
    }

    function disablePopup() {
        jQuery('input[type="text"]').val('');
        jQuery('select.cantidades option[value="0"]').attr('selected','true');
        jQuery('.mostrar_en_caja').attr('checked', false);
        jQuery('.error').css('display', 'none');
        jQuery('.guardar').attr('disabled');

        jQuery("#popup").fadeOut("normal");
        jQuery("#backgroundPopup").fadeOut("normal");
    }

    function cargando() {

        var w, h; //varibles width y height
        w = jQuery('.tabla-precios').width();
        h = jQuery('.tabla-precios').height() - jQuery('.tabla-precios .cabeceras').height() - 4;
//        alert(w + ' || ' + h);
        jQuery('.cargando').css({width: w, height: h, 'line-height': (h + 9) + 'px'});
        jQuery('.cargando').fadeIn();
    }

    /************** end: functions. **************/
}); // jQuery End





















